<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>jquery入门</title>
    <script type="text/javascript" src="script/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
      //使用原生js+dom
      //当页面加载完毕后，执行function()，动态注册点击事件
      // window.onload = function() {
      //   //得到id=btn01的dom对象
      //   var btn01 = document.getElementById("btn01");
      //   //绑定点击事件
      //   btn01.onclick = function () {
      //     alert("hello,js")
      //   }
      // }

      //使用jquery
      //1.引入jquery文件
      //2.$(function (){} 等价于原生的js 的 window.onload = function() {}，即当页面加载完毕就执行
      //3.获取对象的方法是$("#id")，必须在id前面有#
      //4.规定jquery对象的命名以$开头，不是必须但是是约定
      $(function (){
        //1.得到btn01的jquery对象，其实就是对dom对象的包装
        var $btn01 = $("#btn01");
        alert($btn01);
        //2.绑定事件
        $btn01.click(function (){
          alert("hello,jquery.....");
        })
      });
    </script>
  </head>
  <body>
  <button id="btn01">按钮1</button>
  </body>
</html>